<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title携程手机首页</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<!-- 顶部搜索框开始 -->
	<div class="top w">
		<div class="search">
			<button>
				<i class="simg"></i>
			</button>
			<input type="text" name="" placeholder="搜索:目的地/酒店/景点/航班号">
		</div>
		<div class="manimg">
			<i></i>
			<i>我 的</i>
		</div>
	</div>
	<!-- 轮播图片 -->
	<div class="trimg">
		<img src="image/700k0h0000008zxbvEF43_1536_307_25.jpg">
	</div>
	<!-- 导航box -->
	<div class="navbox w">
		<div class="navone">
			<div class="lnav">
				<a href="#">酒店</a>
				<div class="imgd">
					
				</div>
			</div>
			<div class="cnav">
				<a href="#">海外酒店</a>
     			<a href="#">特价酒店</a>
			</div>
			<div class="rnav">
				<a href="#">团购</a>
     			<a href="#">民宿·客栈</a>
			</div>
		</div>


		<div class="navtwo">
			<div class="lnav">
				<a href="#">机票</a>
				<div class="imgd">
					
				</div>
			</div>
			<div class="cnav">
				<a href="#">火车票·抢票</a>
     			<a href="#">特价机票</a>
			</div>
			<div class="rnav">
				<a href="#">汽车票·船票</a>
     			<a href="#">专车·租车</a>
			</div>
		</div>

		<div class="navthree">
			<div class="lnav">
				<a href="#">旅游</a>
				<div class="imgd">
					
				</div>
			</div>
			<div class="cnav">
				<a href="#">目的地攻略</a>
     			<a href="#">周边游</a>
			</div>
			<div class="rnav">
				<a href="#">邮轮旅行</a>
     			<a href="#">定制旅行</a>
			</div>
		</div>

		<div class="navfour">
			<div class="lnav">
				<a href="#">景点·玩乐</a>
     			<a href="#">礼品卡</a>
			</div>
			<div class="cnav">
				<a href="#">美食林</a>
     			<a href="#">WiFi·电话卡</a>
			</div>
			<div class="rnav">
				<a href="#">购物·信用卡</a>
     			<a href="#">保险·签证</a>
			</div>
		</div>
	</div>


	<!-- 其他功能 -->
	<div class="otherl">
		<div class="l">
			<span class="bone">
				<a href="#">
					<i class="pico"></i>
					<p>自由行</p>
				</a>
			</span>
			<span>
				<span class="btwo">
				<a href="#">
					<i class="pico"></i>
					<p>微领队</p>
				</a>
			</span>
			</span>
			<span>
				<span class="bthree">
				<a href="#">
					<i class="pico"></i>
					<p>一日游</p>
				</a>
			</span>
			</span>
			<span>
				<span class="btfour">
				<a href="#">
					<i class="pico"></i>
					<p>高端游</p>
				</a>
			</span>
			</span>
		</div>
		<div class="c">
			<span>
				<span class="bone">
				<a href="#">
					<i class="pico"></i>
					<p>酒店+景点</p>
				</a>
			</span>
			</span>
			<span>
				<span class="btwo">
				<a href="#">
					<i class="pico"></i>
					<p>海外玩乐</p>
				</a>
			</span>
			</span>
			<span>
				<span class="bthree">
				<a href="#">
					<i class="pico"></i>
					<p>外币兑换</p>
				</a>
			</span>
			</span>
			<span>
				<span class="btfour">
				<a href="#">
					<i class="pico"></i>
					<p>加盟合作</p>
				</a>
			</span>
			</span>
		</div>
		<div class="r">
			<span>
				<span class="bone">
				<a href="#">
					<i class="pico"></i>
					<p>机场停车</p>
				</a>
			</span>
			</span>
			<span>
				<span class="btwo">
				<a href="#">
					<i class="pico"></i>
					<p>行李寄送</p>
				</a>
			</span>
			</span>
			<span>
				<span class="bthree">
				<a href="#">
					<i class="pico"></i>
					<p>当季去哪</p>
				</a>
			</span>
			</span>
			<span>
				<span class="btfour">
				<a href="#">
					<i class="pico"></i>
					<p>更多服务</p>
				</a>
			</span>
			</span>
		</div>
	</div>
	

	<!--特卖汇开始 -->
	<div class="tbuy">
		<div class="tbuy-top">
			<div></div>
			<div>领红包再下单</div>
		</div>
		<div class="tbuy-down">
			<div class="ld">
				<a href="#">
					<div class="info">
						<i>越南富国岛4-5日自由行·上海/往返含税单机票/免签海岛
						</i>
						<i>
							￥<span>1999</span><i class="qi">起</i>
						</i>
						<i class="smony">省￥1401</i>
					</div>
				</a>
			</div>
		    <div class="rd">
		    	<div class="rd-one">
		    	 	<i>千款特价</i>
		    		<i>走过路过不要错过</i>
		    		<i></i>
		    	</div>
		    	<div class="nullline"></div>
		    	<div class="rd-two">
		    		<div class="nullline2">
		    			<p>海外精选</p>
		    			<p><i>百元</i>出境游</p>
		    			<span></span>
		    		</div>
		    		<div class="rd-three">
		    			<p>周末玩乐</p>
		    			<p><i>十元</i>度周末</p>
		    			<span></span>
		    		</div>
		    	</div>

		    </div>
		</div>
	</div>


	<!-- 热门活动开始 -->
	<div class="active-top">
	 	<i></i>
	 	<i></i>
	 	<i>获得更多福利></i>
	</div>

	<div class="activec">
		<div class="al">
			<span><a href="#"></a></span>
			<span><a href="#"></a></span>
		</div>
		<div class="ar">
			<span><a href="#"></a></span>
			<span><a href="#"></a></span>
			<span><a href="#"></a></span>
		</div>
	</div>
	
	<!-- 底部切换页面入口 -->
	<div class="changpage">
		<span>
			<a href="#">
				<i></i>
				<i>电话预定</i>
			</a>
		</span>
		<span>
			<a href="#">
				<i></i>
				<i>下载客户端</i>
			</a>
		</span>
		<span>
			<a href="#">
				<i></i>
				<i>我的</i>
			</a>
		</span>
	</div>

	<!-- 页脚 -->
	<div class="footer">
		<ul>
			<li><a href="#">网站地图</a></li>
			<li class="line"></li>
			<li><a href="#">Global sites ∨</a></li>
			<li class="line"></li>
			<li><a href="#">电脑版</a></li>
		</ul>
		<span>&copy;2017携程旅行 | 泸ICP备08023580号</span>
		
	</div>
</body>
</html>